<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title>碳达人</title>


    <link rel="stylesheet" th:href="@{/libs/bootstrapvalidator/css/bootstrapValidator.min.css}"/>
    <link rel="stylesheet" th:href="@{/libs/fireui/accordion.css}"/>
    <link rel="stylesheet" th:href="@{/libs/fireui/table.css}"/>
    <link rel="stylesheet" th:href="@{/cweb/css/calculator.css}"/>
    <link rel="stylesheet" th:href="@{/cweb/css/customer.css}"/>
    <style>
    </style>

</head>
<body>
<span th:if="${CURRENT_CUSTOMER == null}">
    <span id="no_login"></span>
</span>
<header id="header">
    <div th:replace="home/cfragments/navbar :: cnavbar"></div>
</header>
<div class="card-container">
    <div class="content">
        <div class="title">
            化工
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top" id="calculator_one">
                    <span class="cart-text-title">简易版</span>
                    <span class="cart-text-tag">个人用户</span>
                </div>
            </div>
            <div class="two">
                <div class="content-top" id="calculator_two">
                    <span class="cart-text-title">高级版</span>
                    <span class="cart-text-tag">企业用户</span>
                </div>
            </div>
            <div class="three">
                <div class="content-top" id="calculator_three">
                    <span class="cart-text-title">专业版</span>
                    <span class="cart-text-tag">企业用户</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            发电设施
        </div>
        <div class="card-main" style="margin-top: 50px" id="electric_one">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">去体验</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            建筑
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            电解铝
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            电网
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            电子设备制造
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            独立焦化
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            氟化工
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            钢铁生产
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            工业其他行业
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            机械设备制造
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            矿山
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            陆上交通运输
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            煤炭生产
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            镁冶炼
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            民航
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            平板玻璃生产
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            其他有色金属冶炼和延压加工
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            石油化工
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            石油天然气生产
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            食品烟草及酒饮料和精制茶叶
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            水泥生产
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            陶瓷生产
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-container">
    <div class="content">
        <div class="title">
            造纸和纸制品生产
        </div>
        <div class="card-main" style="margin-top: 50px">
            <div class="one">
                <div class="content-top">
                    <span class="cart-text-title">建设中</span>
                    <span class="cart-text-tag"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div th:replace="home/cfragments/footer :: cfooter"></div>
</div>
<script th:src="@{/libs/bootstrap/bootstrap.min.js}"></script>
<script>

    $(function () {
        $('#tdr').addClass('th-bg');

        if ($('#no_login').length == 1) {

        } else {
            Core.postAjax("/blog/api/getVip", null, function (data) {
                var type = data.data.type;
                if (0 == type) {
                    $('#calculator_one').attr('disabled', false);
                    $('#calculator_two').attr('disabled', true);
                    $('#calculator_three').attr('disabled', true);
                } else if (1 == type) {
                    $('#calculator_one').attr('disabled', false);
                    $('#calculator_two').attr('disabled', false);
                    $('#calculator_three').attr('disabled', false);
                }
            });


        }

        $('#calculator_one').click(function () {
            if ($('#no_login').length == 1) {
                userLogin();
            } else {
                window.location.href = '/blog/calculator/one';
            }
        });

        $('#calculator_two').click(function () {
            if ($('#no_login').length == 1) {
                userLogin();
            } else {
                window.location.href = '/blog/calculator/two';
            }
        });

        $('#calculator_three').click(function () {
            if ($('#no_login').length == 1) {
                userLogin();
            } else {
                window.location.href = '/blog/calculator/three';
            }
        });

        //电力
        $('#electric_one').click(function () {
            if ($('#no_login').length == 1) {
                userLogin();
            } else {
                window.location.href = '/blog/eg';
            }
        });


        $('.one').mouseover(function () {
            enterCard($(this));
        });

        $('.one').mouseout(function () {
            outCard($(this));
        });

        $('.two').mouseover(function () {
            enterCard($(this));
        });

        $('.two').mouseout(function () {
            outCard($(this));
        });

        $('.three').mouseover(function () {
            enterCard($(this));
        });

        $('.three').mouseout(function () {
            outCard($(this));
        });
    });


    function enterCard(obj) {
        //边框变蓝色
        obj.find('div').addClass('card-main-mouseenter');
        obj.find('button').addClass('card-button-mouseenter')
    }

    function outCard(obj) {
        obj.find('div').removeClass('card-main-mouseenter')
        obj.find('button').removeClass('card-button-mouseenter')
    }

</script>
</body>
</html>